<div class='title'>Jvalid</div>

<div class='text indent'>
    Jet中使用 Jvalid 属性来对输入元素设置验证的规则，使用格式是 <span class='red'>jvalid='type[]'</span>。
    放括号内的是一些特殊规则需要设置的参数，比如对数字范围或长度的限制。具体请参考验证规则说明。
</div>
<div class='text indent'>
    您可以选择Jet中已经定义好的一些验证规则，或者自定义验证规则。
    自定义验证规则的使用格式是 <span class='red'>jvalid='express[exp]'</span> 。请看一个例子：
</div>
<div class='text'>
    <div class='j-code' disabled width='99%' height='auto'>
&lt;div>使用phone：&lt;input type="text" jvalid='phone'>&lt;/div>
&lt;div>使用带规定值的规则：&lt;input type="text" jvalid='number[2]'>&lt;/div>
&lt;div>使用带范围的规则：&lt;input type="text" jvalid='range[10,20]'>&lt;/div>
&lt;div>使用null来允许空值：&lt;input type="text" jvalid='date null'>&lt;/div>
&lt;div>使用自定义的规则（手机号验证）：&lt;input type="text" jvalid='express[^([1]\d{10})$]'>&lt;/div>
    </div>
</div>
<div class='text'>以下是输出的html:
    <div class='out'>
        <div>使用phone：<input type="text" jvalid='phone'></div>
        <div>使用带规定值的规则：<input type="text" jvalid='number[2]'></div>
        <div>使用带范围的规则：<input type="text" jvalid='range[10,20]'></div>
        <div>使用null来允许空值：<input type="text" jvalid='date null'></div>
        <div>使用自定义的规则（手机号验证）：<input type="text" jvalid='express[^([1]\d{10})$]'></div>
    </div>
</div>

<div class='title' jump-des='regExp'>预定义的验证规则</div>
<div class='text indent'>
    Jet中预定义的验证规则有以下几种，你可以直接使用规则名来使用它们。
    其中 除了null 其他都只能单独使用，null可以和其他任何规则共同使用，表示可以为空或者符合验证的规则。当与notnull共同使用时会忽略null。
    <div class="list">
        <div>1.notnull <span class="light-text">(非空值)</span> </div>
        <div>2.null <span class="light-text">(允许空值)</span> </div>
        <div>3.date <span class="light-text">(日期格式:XXXX-XX-XX)</span> </div>
        <div>4.email <span class="light-text">(邮箱：XXX@XX.XX)</span> </div>
        <div>5.idcard <span class="light-text">(身份证号：17位数字加一位数字或X)</span> </div>
        <div>6.decimal <span class="light-text">(小数)</span> </div>
        <div>7.url <span class="light-text">(链接)</span> </div>
        <div>9.phone <span class="light-text">(手机号码)</span> </div>
        <div>10.number <span class="light-text">(数字，可以使用 number[a] 来限定必须是a位数字；使用 number[a,b] 来限定数字必须是在a位到b位之间)</span> </div>
        <div>11.length <span class="light-text">(指定长度的字符串，后面方括号的使用规则与number一致)</span> </div>
        <div>12.lengthOfAny <span class="light-text">(指定长度的可包含任意字符（汉字）字符串，后面方括号的使用规则与number一致)</span> </div>
        <div>13.letterStart <span class="light-text">(指定长度的字母打头的字符串，后面方括号的使用规则与number一致)</span> </div>
        <div>14.range <span class="light-text">(指定范围的数字，后面方括号的使用规则与number一致)</span> </div>
        <div>15.express[exp] <span class="light-text">(自定义验证规则)</span> </div>
    </div>
</div>
<script>
    new Jet({
        onmounted:function(){
            Jet.valid.useDefaultStyle=true;
        }
    })
</script>
